@charset "utf-8";

body{ margin:0px; font-size:12px; color:#3d2f1b;font-family:"微软雅黑"}
*{padding:0px;margin:0px;}
body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,p,form,fieldset,legend,input,textarea,select,button,th,td {margin:0;padding:0;}
h1,h2,h3,h4,h5,h6 {font-size:12px;list-style:none;}
input,select {font:100% Helvetica, Tahoma, Arial, "Microsoft YaHei", "微软雅黑", SimSun, "宋体", STXihei, "华文细黑", Heiti, "黑体", sans-serif;}
button {overflow:visible}
img{border:none;}
a{color:#3d2f1b;text-decoration:none;}
a:hover{color:#ff0000;text-decoration:none;}

input,select,button{font:12px Verdana,Arial,Tahoma;vertical-align:middle;}
.clear{overflow:hidden;clear:both; height:0px;}
li{	list-style:none;}
.lf{ float:left;}
.rt{ float:right;}

.head{ width:1200px; margin:0 auto}

.fullSlide{width:100%;position:relative;height:500px;background:#000;}
.fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul{width:100% !important;}
.fullSlide .bd li{width:100% !important;height:500px;overflow:hidden;text-align:center;}
.fullSlide .bd li a{display:block;height:500px;}
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:0;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul{text-align:center;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:42px;height:5px;margin:3px;overflow:hidden;background:#666;line-height:999px;}
.fullSlide .hd ul .on{background:#f00;}
.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:5%;z-index:1;width:40px;height:60px;background:url(slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.fullSlide .next{left:auto;right:5%;background-position:-6px -137px;}



/*案例*/
.bt1{ text-align:center;line-height:50px;  margin-bottom:30px;overflow:hidden }
.bt1 h3{  font-size:23px; font-weight:normal; background:url(line.png) right center no-repeat; padding-right:25px; color:#005bac; display:inline-block}
.bt1 span{ color:#999;  text-transform:uppercase; display:inline-block; padding-left:15px; font-size:14px }
.pro{ width:1200px; margin:30px auto; overflow:hidden}

#CSSBox{float:left;width:1130px;height:280px; border:0px solid #630; margin:0 auto;}
#CSSBox ul li{ float:left; list-style:none; border:0px solid red;  width:226px; text-align:center; transition:all 0.6s;}
#CSSBox ul li:hover{ transition:all 0.6s}
#CSSBox ul li:hover i{box-shadow: 0px 0px 10px rgba(195,195,195,0.75); }
#CSSBox ul li i{ display:block; width:208px; height:280px; margin:0 auto;border:#e9e9e9 1px solid; overflow:hidden; text-align:center;transition:all 0.6s }
#CSSBox ul li i img{ width:208px; height:339px; }
#CSSBox ul li:hover i  { transform:translateY(-10px); transition:all 0.6s}

#CSSBox ul li span{ display:block; text-align:center; font-size:14px; padding-top:12px;}
#LeftButton{cursor:hand;margin:0px;height:140px;width:30px;float:left;background:url('left.jpg') center center no-repeat; margin-top:80px}
#RightButton{cursor:hand;margin:0px;height:140px;width:30px;float:left;background:url('right.jpg') center center no-repeat; margin-top:80px}
#wrapper{width:585px; margin:0 auto}
#ProductShow{width:210px;height:280px;text-align:center;border:1px solid #c0c0c0;margin:5px;}

.btn1 a{ display:block; width:160px; margin:0 auto; line-height:35px; border:#dddddd 1px solid; text-align:center; color:#666; margin-top:20px; transition:all 0.6s}
.btn1 a:hover{ background:#005bac; border:#0087c1 1px solid; color:#FFF;transition:all 0.6s}


.yewu{ background:#f6f6f6; padding:30px 0; overflow:hidden}

.guanyu{background:#f6f6f6; padding:30px 0; overflow:hidden}

.contain{ width:1200px; margin:0 auto}

.dpic{ width:500px;  overflow:hidden}
.dpic img{ width:500px; height:auto}
.gyjs{ width:670px;}
.gyjs h3{ line-height:35px; font-size:16px; color:#005bac}
.gyjs p{ display:block; line-height:30px; font-size:14px; height:180px; overflow:hidden; color:#666}

.kslj{ margin-top:0px}
.kslj ul li{ float:left; background:#005bac; width:100px; margin-left:50px; height:100px; border-radius:100px; text-align:center; transition:all 0.6s}
.kslj ul li:hover { transform:rotate(360deg); transition:all 0.6s}
.kslj ul li i{ display:block; margin-top:20px; }
.kslj ul li a p{ display:block;color:#FFF }

.xinwen{ width:1200px; margin:30px auto; overflow:hidden}
.tab{ width:1200px; margin:0 auto 50px; text-align:center}
.tab-hd {  overflow:hidden; zoom:1; margin-bottom:25px;}
.tab-hd li{ display:inline-block; width:150px; color:#333; text-align:center; line-height:35px; font-size:14px;cursor:pointer; border:#dbdbdb 1px solid; margin:0 10px; border-radius:30px}
.tab-hd li a{ color:#333; font-size:14px;}
.tab-hd li.active{ background:#005bac; color:#FFF}
.tab-hd li.active a{ color:#FFF}
.tab-bd li{display:none;  border-top:0 none; font-size:24px;}
.tab-bd li.thisclass{ display:list-item;}

.xwxw{ overflow:hidden}
.xwxw dl{ position:relative; width:1220px}
.xwxw dl dt{ float:left; width:285px; display:block; border-bottom:#d5d5d5 1px solid; padding-bottom:15px; margin-right:20px;}

.xwxw dl dt i{ display:block; width:285px; height:200px; overflow:hidden}
.xwxw dl dt i img{ width:285px; height:200px; transition:all 0.6s}
.xwxw dl dt i a:hover img{ transform:scale(1.1,1.1); transition:all 0.6s}
.xwxw dl dt h3{ display:block; font-size:14px; font-weight:normal; line-height:40px;text-overflow: ellipsis;    overflow: hidden;   white-space: nowrap; text-align:left; font-weight:bold;}

.xwxw dl dt p{ font-size:12px; line-height:20px; color:#9b9b9b; height:40px; margin-bottom:10px; text-align:left;overflow:hidden}
.xwxw dl dt span{ display:block; background: url(date.png) left center no-repeat; padding-left:20px; color:#999; font-size:12px;text-align:left}



/* 底部 */
.foot{ background:#313131;padding-top:30px;}
.foot1{ width:1200px;  margin:0 auto; padding-bottom:30px; overflow:hidden}
.links{ float:left; overflow:hidden}
.links ul li{ width:auto; float:left; margin-right:100px }
.links ul li h3{ font-size:16px; color:#fff; line-height:45px;  font-weight:normal; display:block; background:url(dline.jpg) left bottom no-repeat; margin-bottom:10px;}
.links ul li p a{ color:#a4a4a4; display:block; line-height:25px;}
.links ul li p a:hover{ color:#fff; text-decoration:underline}

.erweima{ width:130px; text-align:center; line-height:25px; color:#FFF }
.erweima img{ width:130px; height:auto}


.foot2{ border-top:#464646 1px solid; width:1200px; margin:0 auto; color:#a4a4a4}
.foot2 p{ display:block; width:1200px; margin:0 auto; line-height:25px; padding:10px 0; text-align:center; font-size:12px;  }
.foot2 a{ font-size:12px; color:#a4a4a4;}


  .top_imgbox{
width:100%; 
height:360px; 
position:relative;
z-index:2; 
overflow:hidden;
}
.top_imgbox .top_img{
position:absolute; 
left:50%; 
    top:0; 
width:1920px;
    margin-left:-960px; 
z-index:99;
}


.weizhi{ position:relative; background:#f3f3f3; height:40px;}
.weizhi h3{ display:block; position:absolute; background:#015cad; color:#FFF; width:140px; text-align:center; line-height:60px; top:-20px; z-index:9999; font-size:20px; left:50%; margin-left:460px}
.weizhi p{ float:left; line-height:40px; color:#666; background:url(home.png) left center no-repeat; padding-left:30px}
.nmain{ width:1200px; margin:30px auto; overflow:hidden}

.ndh{ margin-bottom:30px; overflow:hidden}
.ndh ul li { float:left; margin-right:10px; height:40px;}
.ndh ul li a{ display:block; background:url(t1.jpg) bottom repeat-x; padding:0px 20px; font-size:14px; transition:all 0.6s; line-height:30px; padding-top:10px;}
.ndh ul li a:hover{ background:url(t2.jpg) bottom repeat-x; line-height:40px; color:#FFF; padding-top:0;transition:all 0.6s;}



.tuwen p{ font-size:14px; line-height:35px; color:#666}

/* 新闻 */
.xwlb{ width:1200px; margin:0px auto;}
.xwlb ul li { border:#eaeaea 1px solid;margin-bottom:20px; position:relative; overflow:hidden }
.xwlb ul li i{ display:block; float:left; width:260px; height:160px; overflow:hidden}
.xwlb ul li i img{ width:260px; height:auto; min-height:160px;transition:all 0.6s}
.xwlb ul li i a:hover img{ transform:scale(1.1,1.1); transition:all 0.6s}
.xwlb ul li .xwzi{ float:left; width:750px; padding-left:30px; height:160px; background: url(line2.jpg) right center no-repeat; padding-right:30px; margin-right:40px;}
.xwlb ul li .xwzi h3 a{ font-size:16px; color:#323232; display:block; width:100%; text-overflow: ellipsis;    overflow: hidden;   white-space: nowrap; line-height:55px}
.xwlb ul li .xwzi h3 a:hover{ color:#e60012}
.xwlb ul li .xwzi  em{ font-style:normal; color:#999; }
.xwlb ul li .xwzi p{ display:block; line-height:25px; height:80px; margin:0px; color:#666; overflow:hidden}

.xwlb ul li  span a{ float:left; display:block;  width:40px; line-height:40px; text-align:center;  border:#dddddd 1px solid; border-radius:50px; margin-top:60px; font-family:"宋体"; font-size:25px; color:#666; transition:all 0.6s}
.xwlb ul li  span a:hover{ background:#015cad; color:#fff; transition:all 0.6s}


.xiangqing{ width:1198; line-height:30px; font-size:14px; color:#666; border:#e1e1e1 1PX solid; padding:30px;}
.xiangqing .xqbt{ text-align:center;  padding-bottom:15px; margin-bottom:20px; border-bottom:#d4d4d4 1px dashed}
.xiangqing .xqbt h3{ line-height:55px; font-size:23px; color:#000}
.xqnr{ line-height:25px; font-size:14px; }
.xiangqing img{ max-width:790px; height:auto}
.tiao{ border-top:#dbdbdb 1px solid;  margin-top:30px; overflow:hidden}
.tiao p{line-height:50px; padding-top:20px;}




/*案例*/
.xmal ul{ position:relative; width:1220px;}
.xmal ul li{ float:left; width:285px; margin-right:20px; margin-bottom:20px;}
.xmal ul li a p{ font-size:14px; line-height:30px; color:#666}
.xmal ul li i{ display:block; width:285px; height:188px; background:#000;overflow:hidden; position:relative}
.xmal ul li i img{ height:188px; width:auto; min-width:285px; transition:all 0.6s}
.xmal ul li a i em{ display:block;transition:all 0.6s; font-style:normal; position:absolute; width:120px; left:50%; margin-left:-60px; border:#FFF 1px solid; color:#FFF; text-align:center; line-height:30px; top:75px; z-index:99; display:none;}
.xmal ul li:hover i em{ display:block;transition:all 0.6s}
.xmal ul li:hover i img{ opacity:0.4; transition:all 0.6s}


/* 技术体系 */
.jishu ul li{ border-bottom:#b1b1b1 1px dashed; line-height:45px; background:url(biao.png) left center no-repeat; padding-left:15px; font-size:14px}
.jishu ul li span{ float:right; color:#999;}

.hzhb ul li{ width:222px; border:1px solid #dddddd; margin:8px; float:left;}
.hzhb ul li img {}


/*人力资源*/
.zhaopin h1{ font-weight:normal; font-size:16px; line-height:30px}


.container ul {
    width: 1200px;
    margin: 30px auto;
    /*margin-left: 20px;*/
    overflow: hidden;

	
}

.super_ul_box {
    background-color: white;
}

.super_li_box {
    /*padding: 20px;*/
    font-size: 18px;
    color: #7d7d7d;
    line-height: 40px;
    overflow: hidden;
	
}

.container .left li {
    padding: 0px;
    padding-left: 20px;
	line-height:30px;
	font-size:14px
}

.container .right li {
    padding: 0px;
    padding-right: 20px;
	line-height:30px;
		font-size:14px
}
.container  li  p{
	font-size:20px

}


.container li .title {
    font-size: 20px;
    color: #4b4b4b;
    padding-left: 20px;
	line-height:60px;


}

.container li .left {
    float: left;
    width: 47%;
	 
}

.info_box li{
    overflow: hidden;
}

.info_box li div {
    width: 95%;
    float: right;
	font-size:14px
}

.container li .right {
    float: right;
    width: 47%;
}

.info_intro {
    padding: 0 20px; font-size:14px; line-height:30px
}

.info_box ul {
    padding: 0;
}

.info_box {
    display: none;
    padding: 20px;
	border-top:#e6e6e6 1px solid;
	 overflow:hidden
   
}

.click_box {
    cursor:pointer;
    padding:0 20px;
    /*padding-bottom: 0;*/
}

.show .click_box {
    padding-bottom: 0;
}

.container .show .info_box{
    display: block;
}

.container .show .info_intro {
    display: none;
}

.mouse_hover :hover{
    background-color: #f5f5f5;
}

.super_li_box {
	margin-bottom:5px;background:#f7f7f7; padding-bottom:15px;
   
}

.info_intro p {
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow: hidden;
}

.info_box p{ color:#000}
.info_box em{ display:block; text-align:right; padding-right:35px; margin-top:15px;}

.contact ul{ margin-top:30px; position:relative; width:1220px;}
.contact ul li{ float:left; background:#f3f3f3;text-align:center; width:385px; padding:30px 0; margin-right:20px}
.contact ul li i img{ width:50px; height:auto}
.contact ul li h3{ font-size:16px; line-height:45px; font-weight:normal; color:#999}
.contact ul li p{ font-size:14px; color:#666}

.yuyan{ width:1230px; margin:0px auto 50px auto;}
.yuyan ul { margin-top:20px;}
.yuyan ul li { float:left; margin:15px 10px; line-height:22px; font-size:13px; float:left; width:585px; height:150px; overflow:hidden; }
.yuyan ul li h2 { font-size:16px; height:30px;}
.yuyan ul li h2 a {font-size:16px;}
.yuyan ul li h2 a:hover { font-size:16px;}
.yuyan ul li img { float:left; width:160px; height:120px; margin-right:15px;}
.yuyan ul li p { width:170px; float:right; font-size:13px; }
.yuyan ul li p a { font-size:13px;}


.listpage{ padding:15px 0; text-align: center;}
.xiaocms-page span {
display: inline-block;
height: 22px;
padding: 0 10px;
line-height: 22px;
background: #015cad;
border: 1px solid #015cad;
color: #fff;
text-align: center;
margin-left: 1px;
}
.xiaocms-page a {
display: inline-block;
height: 22px;
line-height: 22px;
background: #fff;
border: 1px solid #015cad;
text-align: center;
color: #333;
padding: 0 10px;
margin-left: 1px;
}